<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<script src="js/jquery-3.0.0.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/text.css"/>
	</head>
	<body>
		<input type="button" name="" id="" value="按钮" />
		<div class="a">
			
		</div>
		<script type="text/javascript">
			$(document).ready(function(){
				$("input").click(function(){
					var div = $("div");
						div.animate({
							height:'80px',
							opacity:'0.4'
						},"slow");
						div.animate({
							width:'200px',
							opacity:'0.8'
						},"slow");
						div.animate({
							height:'30px',
							opacity:'0.8'
						},"slow");
						div.animate({
							width:'100px',
							opacity:'0.4'
						},"slow");															
				})
			})
		</script>
		
		
	</body>
</html>
